引入js文件

js('js文件名')

版本更新内容
1.2.1支持指定模块,支持指定具体的js路径

引入模块js文件,文件名不用添加.js后缀

  1. return ZBuilder::make('table')
  2. ->js('test')
  3. ->fetch();

表示引入模块中的test.js

模块的js文件放在:public\static\模块名称\js\

如果需要引入多个js文件,可以用逗号隔开

  1. return ZBuilder::make('table')
  2. ->js('test1,test2')
  3. ->fetch();

也可以传入数组

  1. return ZBuilder::make('table')
  2. ->js(['test1', 'test2'])
  3. ->fetch();

指定其他模块

从1.2.1开始,支持指定模块

  1. return ZBuilder::make('table')
  2. ->js('test', 'common')
  3. ->fetch();

则表示引入:/public/static/common/js/test.js

指定js路径

从1.2.1开始,支持指定具体的js路径,所有js均位于static目录下。

  1. return ZBuilder::make('table')
  2. ->js('libs/bootstrap-colorpicker/bootstrap-colorpicker')
  3. ->fetch();

表示引入/public/static/libs/bootstrap-colorpicker/bootstrap-colorpicker.js

注意,这里的路径不能以“/”开头,并且无需填写“.js”后缀,以下是错误示例。

  1. return ZBuilder::make('table')
  2. ->js('/libs/bootstrap-colorpicker/bootstrap-colorpicker')
  3. ->fetch();

或者

  1. return ZBuilder::make('table')
  2. ->js('libs/bootstrap-colorpicker/bootstrap-colorpicker')
  3. ->fetch();

以上写法都是错的。

指定js路径和没有指定js路径可以混用

  1. return ZBuilder::make('table')
  2. ->js('test,libs/bootstrap-colorpicker/bootstrap-colorpicker')
  3. ->fetch();

表示引入

/public/static/模块名/js/test.js

/public/static/libs/bootstrap-colorpicker/bootstrap-colorpicker

如果指定了模块,则指定js路径的不受影响

  1. return ZBuilder::make('table')
  2. ->js('test,libs/bootstrap-colorpicker/bootstrap-colorpicker', 'common')
  3. ->fetch();

表示引入

/public/static/common/js/test.js

/public/static/libs/bootstrap-colorpicker/bootstrap-colorpicker.js